import { Component, Input ,Output ,EventEmitter } from '@angular/core';
/**
 * Generated class for the PageMenuComponent component.
 *
 * See https://angular.io/api/core/Component for more info on Angular
 * Components.
 */
@Component({
  selector: 'page-menu',
  templateUrl: 'page-menu.html'
})
export class PageMenuComponent {

  @Input() menus;// 菜单数据，格式为：{'name':'全部', 'id': 0}
  @Input() selectIndex = 0;// 初始菜单下标
  @Input() normalColor = '#666666';// 正常的颜色
  @Input() selectColor = '#F75F47';// 选中的颜色
  @Input() normalFontSize = '13px';// 正常的字体大小
  @Input() selectFontSize = '13px';// 选中的字体大小
  @Output() handleMenuClickBlock = new EventEmitter<number>();// 菜单点击事件的回调

  constructor() {
  }

  clickMenu(index) {
    this.handleMenuClickBlock.emit(index);
  }

}
